<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>登录页面</title>
		<link rel="stylesheet" href="css/login.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap.css" />
	</head>

	<body>
		<!--
        	作者：offline
        	时间：2017-03-21
        	描述：登录
        -->
		<div class="register-area pt-90">
			<div class="container">
				<div class="row">
					<div class="col-md-5 cm">
						<h3><strong>REGISTERED CUSTOMERS</strong></h3><br />
						<form action="#">
							<div class="login-account p-30 box-shadow">
								<p>If you have an account with us, Please log in.</p><br />
								<div class="input-group input-group-lg">
									<span class="input-group-addon" id="sizing-addon2"><i class="glyphicon glyphicon-user"></i></span>
									<input type="text" class="form-control input-group" placeholder="Phone | Email Address" aria-describedby="sizing-addon2">
								</div><br /><br />

								<div class="input-group input-group-lg">
									<span class="input-group-addon" id="sizing-addon2"><i class="glyphicon glyphicon-lock"></i></span>
									<input type="text" class="form-control" placeholder="Password" aria-describedby="sizing-addon2">
								</div><br /><br />

								<div class="input-group input-group-lg">
									<span class="input-group-addon" id="sizing-addon2"><i class="glyphicon glyphicon-qrcode"></i></span>
									<input type="text" class="form-control" placeholder="Captcha Code" aria-describedby="sizing-addon2" style="width: 50%;">
								</div><br />
								<p>
									<a href="#">Forgot our password?</a>
								</p>

								<div class="bottom_form">
									<button class="btn" style="background:#31708F; color: white;font-size: 20px;width: 20%;height: 40px" type="submit">Login</button>
								</div><br />
							</div>
						</form>
					</div>
					<!--
                	作者：offline
                	时间：2017-03-21
                	描述：注册
                -->
					<div class="col-md-5 pull-right rg">
						<h3>NEW CUSTOMERS</h3><br /><br />
						<form action="#">
							<div class="register-one">
								<div class="row ">
									<div class="col-md-6 col-sm-6 col-xs-6">
										<select class="custom-select">
											<option value="defalt">Country</option>
											<option value="c-1">Australia</option>
											<option value="c-2">Bangladesh</option>
											<option value="c-3">Unitd States</option>
											<option value="c-4">Unitd Kingdom</option>
										</select>
									</div>
									<div class="col-md-6 col-sm-6 col-xs-6">
										<select class="custom-select">
											<option value="defalt">State</option>
											<option value="c-1">Melbourne</option>
											<option value="c-2">Dhaka</option>
											<option value="c-3">New York</option>
											<option value="c-4">London</option>
										</select>
									</div>

								</div>
							</div><br /><br />

							<div class="input-group input-group-lg">
								<span class="input-group-addon" id="sizing-addon2"><i class="glyphicon glyphicon-envelope"></i></span>
								<input type="text" class="form-control input-group" placeholder="Email Address" aria-describedby="sizing-addon2">
							</div><br /><br />

							<div class="input-group input-group-lg">
								<span class="input-group-addon" id="sizing-addon2"><i class="glyphicon glyphicon-user"></i></span>
								<input type="text" class="form-control input-group" placeholder="Account" aria-describedby="sizing-addon2">
							</div><br /><br />

							<div class="input-group input-group-lg">
								<span class="input-group-addon" id="sizing-addon2"><i class="glyphicon glyphicon-lock"></i></span>
								<input type="text" class="form-control" placeholder="Password" aria-describedby="sizing-addon2">
							</div><br /><br />

							<div class="input-group input-group-lg">
								<span class="input-group-addon" id="sizing-addon2"><i class="glyphicon glyphicon-lock"></i></span>
								<input type="text" class="form-control" placeholder="Confirm Password" aria-describedby="sizing-addon2">
							</div>
							<br /><br />

							<div class="input-group input-group-lg">
								<span class="input-group-addon" id="sizing-addon2"><i class="glyphicon glyphicon-qrcode"></i></span>
								<input type="text" class="form-control" placeholder="Captcha Code" aria-describedby="sizing-addon2" style="width: 50%;">
							</div>
							<br /><br />
							
							<div class="col-md-6 col-md-6 col-xs-6">
								<div class="bottom_form">
									<button class="btn" style="background:#31708F; color: white;font-size: 20px;height: 40px" type="submit">Register</button>
								</div>
							</div>

							<div class="col-md-6 col-sm-6 col-xs-6">
								<div class="bottom_form">
									<button class="btn" style="background:#31708F; color: white;font-size: 20px;height: 40px" type="button">Clear</button>
								</div>
							</div>
							<div class="clear-float"></div>
							<p><br/></p>
						</form>
					</div>
				</div>
			</div>
		</div>
		</div>

	</body>

</html>